.outwrap { background: #fff; -webkit-overflow-scrolling: touch; }

img { width: 100%; }

.segmentation { background: #f5f5f5; height: .04rem; }

.screen-no-head { position: absolute; width: 100%; top: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; }

.screen-home { position: absolute; width: 100%; top: 1.78rem; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; }

@media only screen and (min-width: 750px) { .screen-no-head, .screen-home { left: 50%; width: 750px; margin-left: -375px; } }
.foot-menu { background: #fff; border-top: 1px solid #d2d2d2; width: 100%; height: .97rem; position: fixed; left: 0; bottom: 0; z-index: 9; }
.foot-menu ul li { float: left; width: 25%; text-align: center; }
.foot-menu ul li a { display: block; padding-top: .1rem; }
.foot-menu ul li i { display: block; margin: 0 auto; background-size: 100% auto; margin-bottom: .05rem; background-repeat: no-repeat; width: .4rem; height: .4rem; }
.foot-menu ul li i.ico-1 { background-image: url(../images/ico_menu_1.png); }
.foot-menu ul li i.ico-2 { background-image: url(../images/ico_menu_2.png); }
.foot-menu ul li i.ico-3 { background-image: url(../images/ico_menu_3.png); }
.foot-menu ul li i.ico-4 { background-image: url(../images/ico_menu_4.png); }
.foot-menu ul li span { color: #666666; font-size: .22rem; }
.foot-menu ul li.on i.ico-1 { background-image: url(../images/ico_menu_1_on.png); }
.foot-menu ul li.on i.ico-2 { background-image: url(../images/ico_menu_2_on.png); }
.foot-menu ul li.on i.ico-3 { background-image: url(../images/ico_menu_3_on.png); }
.foot-menu ul li.on i.ico-4 { background-image: url(../images/ico_menu_4_on.png); }

.me-header { background: #fff; border-bottom: 1px solid #e5e5e5; height: 4.54rem; position: relative; }
.me-header .header-bg { position: relative; z-index: 1; }

.me-infomation { position: absolute; top: 1.53rem; left: .4rem; right: .4rem; height: 2.6rem; background: #fff; z-index: 2; box-shadow: 0.02rem 0 0.12rem rgba(0, 0, 0, 0.2); }
.me-infomation .mif-header { padding: .36rem; position: relative; }
.me-infomation .photo { float: left; width: 1rem; height: 1rem; border-radius: 100%; overflow: hidden; margin-right: .16rem; }
.me-infomation .info { float: left; width: 3.7rem; line-height: 1.4; }
.me-infomation .info h2 { font-weight: normal; font-size: .34rem; }
.me-infomation .info p { font-size: .24rem; color: #666666; }
.me-infomation a.btn-setup { float: right; display: block; width: .39rem; height: .4rem; background: url(../images/ico_setup.png) no-repeat; background-size: 100%; margin-top: .1rem; }
.me-infomation .mif-ul ul li { float: left; width: 50%; text-align: center; }
.me-infomation .mif-ul ul span { display: block; font-size: .3rem; }
.me-infomation .mif-ul ul em { display: block; font-size: .28rem; color: #666; }

.me-ul-list { background: #fff; border-top: 1px solid #e5e5e5; }
.me-ul-list ul li { position: relative; }
.me-ul-list ul li::after { content: ''; display: block; position: absolute; left: .3rem; right: .3rem; bottom: 0; background: #e5e5e5; height: 1px; }
.me-ul-list ul li a { display: block; position: relative; padding: .3rem; line-height: .6rem; }
.me-ul-list ul li a i.ico { display: inline-block; vertical-align: middle; width: .4rem; margin-right: .16rem; }
.me-ul-list ul li a i.ico img { display: inline-block; vertical-align: middle; }
.me-ul-list ul li a span { font-size: .3rem; color: #666; display: inline-block; vertical-align: middle; }
.me-ul-list ul li a::before { content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/ico_go.png) no-repeat; background-size: 100%; position: absolute; right: .3rem; top: 50%; margin-top: -.15rem; }
.me-ul-list ul li a:hover { background: #fafafa; }

.contain { height: auto; }
.contain ul li { border-bottom: 1px solid #d1d1d1; }
.contain .body { padding: .3rem .6rem .2rem .4rem; overflow: hidden; position: relative; }
.contain .body .logo { width: 1rem; height: 1rem; border-radius: 100%; position: absolute; left: .4rem; top: .3rem; overflow: hidden; }
.contain .body .logo img { width: 100%; }
.contain .body .text { margin-left: 1.2rem; text-align: left; }
.contain .body .text .my-gallery { overflow: hidden; }
.contain .body .text .my-gallery div { width: 28%; overflow: hidden; float: left; margin-top: 5px; margin-right: 5px; }
.contain .body .text .title { color: #333; font-weight: 550; font-size: .3rem; margin-bottom: .1rem; }
.contain .body .text .txt { color: #323232; font-size: .26rem; margin-bottom: .1rem; }
.contain .quanwen { font-size: .26rem; margin-bottom: .3rem; }
.contain .body .text .tm { font-size: 1.4rem; padding: .2rem 0; }
.contain .body .text .tm .fl { float: left; font-size: .24rem; color: #737373; }
.contain .body .text .tm .fr { float: right; font-size: .24rem; color: #97aad0; }
.contain .zhuanfa { display: inline-block; vertical-align: middle; }
.contain .zhuanfa i.ico-zf { display: inline-block; vertical-align: middle; width: .32rem; height: .31rem; background: url(../images/ico_zhuanfa.png) no-repeat; background-size: 100%; margin-right: .1rem; }
.contain .zhuanfa em { display: inline-block; vertical-align: middle; font-size: .28rem; color: #999999; }
.contain .pinglunbx { position: relative; display: inline-block; vertical-align: middle; margin-left: .48rem; }
.contain .pinglunbx .icopl { display: inline-block; width: .37rem; height: .27rem; background: url(../images/ico_pl.png) no-repeat; background-size: 100% auto; cursor: pointer; }
.contain .pinglunbx .pinglunbar { position: absolute; background: #4b5154; border-radius: .1rem; width: 0; height: .8rem; line-height: .8rem; right: .45rem; top: -.25rem; overflow: hidden; }
.contain .pinglunbx .pinglunbar li { float: left; width: 50%; text-align: center; position: relative; font-size: .26rem; color: #fff; }
.contain .pinglunbx .pinglunbar li:after { content: ''; display: block; width: 1px; height: .48rem; position: absolute; right: 0; top: 50%; margin-top: -.24rem; background: #373d40; }
.contain .pinglunbx .pinglunbar li:last-child:after { display: none; }
.contain .pinglunbx .pinglunbar li em { display: inline-block; width: .3rem; height: .3rem; margin-right: .08rem; vertical-align: middle; position: relative; top: -.03rem; }
.contain .pinglunbx .pinglunbar li em.ico1 { background: url(../images/830/ico-like.png) no-repeat; background-size: 100%; }
.contain .pinglunbx .pinglunbar li em.ico2 { background: url(../images/830/ico-pl-2.png) no-repeat; background-size: 100%; }
.contain .body .text .cmt { color: #999999; font-size: .24rem; background-color: #eeeeee; position: relative; }
.contain .body .text .cmt div { padding: .04rem .2rem; }
.contain .body .text .cmt::before { content: ''; width: 0; height: 0; border: .08rem solid transparent; border-bottom: .08rem solid #f1f1f1; position: absolute; left: .3rem; top: -.16rem; }
.contain .body .text .cmt .fav { color: #576788; border-bottom: 1px solid #d5d5d5; padding: .1rem .2rem; }
.contain .body .text .cmt .fav i.iconfont { font-size: .26rem; }
.contain .body .text .cmt span { color: #576788; }
.contain figure { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; }
.contain a.btn-huifu { color: #576788; margin-left: .2rem; }

.zindex0 { height: 1px; overflow: hidden; }

.hm-header { position: relative; z-index: 9; background: #fff; }
.hm-header .searchbox { padding: .23rem .4rem 0; }
.hm-header .searchbox .srhwrap { background: #fff; height: .64rem; line-height: .64rem; border-radius: .32rem; overflow: hidden; }
.hm-header .searchbox .ico { display: inline-block; float: left; width: .34rem; height: .34rem; background: url(../images/ico_search_black1.png) no-repeat; background-size: 100%; margin: .15rem .16rem 0 .25rem; }
.hm-header .searchbox .txt { height: .64rem; background: none; font-size: .26rem; color: #666666; width: 80%; }
.hm-header .tab-tit ul { border-bottom: 1px solid #e5e5e5; }
.hm-header .tab-tit ul li { width: 50%; float: left; text-align: center; }
.hm-header .tab-tit ul li a { position: relative; font-size: .34rem; display: inline-block; line-height: .9rem; }
.hm-header .tab-tit ul li.on a::after { content: ''; display: block; height: .04rem; background: #584f60; position: absolute; left: 0; bottom: 0; width: 100%; }

.aten-header { background: url(../images/bg_zt.jpg) no-repeat; background-size: 100%; height: 3rem; padding-top: .42rem; }
.aten-header .topbar { padding: .1rem 0; }
.aten-header .topbar .tleft { float: left; margin-left: .3rem; }
.aten-header .topbar .tleft a { display: block; }
.aten-header .topbar .tleft i.ico { display: inline-block; vertical-align: middle; width: .19rem; height: .31rem; background: url(../images/ico_back.png) no-repeat; background-size: 100%; margin-right: .13rem; }
.aten-header .topbar .tleft span { display: inline-block; vertical-align: middle; color: #fff; font-size: .34rem; }
.aten-header .topbar .tright { float: right; margin-right: .3rem; }
.aten-header .topbar .tright a.ico-setup { display: inline-block; width: .39rem; height: .4rem; background: url(../images/ico_setup2.png) no-repeat; background-size: 100%; }
.aten-header .jigou { margin: .2rem .66rem; }
.aten-header .jigou .jglogo { float: left; width: 1.2rem; height: 1.2rem; background: #9b95a0; border: .02rem solid #9b95a0; border-radius: 100%; overflow: hidden; margin-right: .16rem; }
.aten-header .jigou .info { float: left; color: #fff; line-height: 1.5; }
.aten-header .jigou .info h2 { font-weight: normal; font-size: .36rem; margin-top: .1rem; }
.aten-header .jigou .info p { font-size: .28rem; margin-top: .1rem;}
.aten-header .num { padding-top: .2rem; }
.aten-header .num ul li { float: left; width: 50%; position: relative; text-align: center; }
.aten-header .num ul li::after { content: ''; display: block; width: 1px; height: 100%; background: rgba(255,255,255,0.4); position: absolute; right: 0; top: 0; }
.aten-header .num ul li:last-child::after { display: none; }
.aten-header .num ul li a { display: block; color: #fff; }
.aten-header .num ul li span { font-size: .3rem; display: block; }
.aten-header .num ul li em { display: block; font-size: .28rem; }

.aten-ps { background: #fff; border-bottom: 1px solid #e5e5e5; position: relative; height: .8rem; }
.aten-ps a.ico-ps { display: block; width: .4rem; height: .32rem; background: url(../images/ico_ps.png) no-repeat; background-size: 100%; position: absolute; top: .24rem; right: .4rem; }

.renshu-list-gz { border-top: 1px solid #e5e5e5; }
.renshu-list-gz ul { padding: .3rem 0 0 .4rem; }
.renshu-list-gz ul li { float: left; width: 1.06rem; margin: 0 .36rem .2rem 0; }
.renshu-list-gz ul li .img { width: 1.06rem; height: 1.06rem; border-radius: .1rem; overflow: hidden; }
.renshu-list-gz ul li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .26rem; color: #666; text-align: center; margin-top: .1rem; }

.renshu-list-sq { background: #fff; border-top: .2rem solid #f5f5f5; padding-bottom: 1.2rem; }
.renshu-list-sq ul li { position: relative; }
.renshu-list-sq ul li::after { content: ''; display: block; position: absolute; left: .3rem; right: .3rem; bottom: 0; background: #f5f5f5; height: 1px; }
.renshu-list-sq ul li a { display: block; position: relative; padding:.2rem .3rem; line-height: 1.5; }
.renshu-list-sq ul li .logo { width: 1.1rem; height: 1.1rem; border-radius: 100%; overflow: hidden; float: left; margin: 0 .2rem 0 .1rem; }
.renshu-list-sq ul li .info { float: left; width: 3.5rem; margin-top: .1rem; }
.renshu-list-sq ul li .info h2 { font-weight: normal; font-size: .3rem; margin-bottom: .1rem;}
.renshu-list-sq ul li .info p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-size: .28rem; }
.renshu-list-sq ul li button { width: 1.2rem; height: .5rem; background: #f5f5f5; border: 1px solid #584f60; border-radius: .06rem; font-size: .28rem; color: #584f60; position: absolute; top: 50%; margin-top: -.25rem; right: .3rem; cursor: pointer; }
.renshu-list-sq ul li button:hover { background: #dfdfdf; }

.header-gz { height: .87rem; background: #d2a247; border-bottom: 1px solid #e5e5e5; position: relative; }
.header-gz .searchbox { padding: .1rem .2rem 0 .4rem;width: 6rem;display: inline-block;float: left; }
.header-gz .add { position: absolute; right: .4rem; top: .16rem; }
.header-gz .add a { display: block; width: .53rem; height: .53rem; background: url(../images/ico_add.png) no-repeat; background-size: 100%; }
.header-gz a.btn-back { display: block; float: left; margin: .25rem 0 0 .3rem; }
.header-gz a.btn-back i.ico { display: block; width: .19rem; height: .31rem; background: url(../images/ico_back.png) no-repeat; background-size: 100%; }
.header-gz h2.title { text-align: center; position: absolute; left: 1rem; right: 1rem; top: 0; height: .87rem; line-height: .87rem; font-size: .34rem; font-weight: normal; color: #fff; }
.header-gz a.btn-finish { color: #f74c31; float: right; line-height: .87rem; margin-right: .3rem; font-size: .3rem; }

.question-mark{
	  display: inline-block;
    width: 0.7rem;
    float: right;
    padding: 0.1rem 0.2rem 0 0rem;
}
.screen-gz { top: .88rem; }

.zt-list { background: #fff; border-top: 1px solid #e5e5e5; }
.zt-list ul li { position: relative; }
.zt-list ul li::after { content: ''; display: block; position: absolute; left: .3rem; right: .3rem; bottom: 0; background: #e5e5e5; height: 1px; }
.zt-list ul li a { display: block; position: relative;padding: .16rem .3rem; line-height: 1.5; }
.zt-list ul li .logo { width: 1.05rem; height: 1.05rem; border-radius: 100%; overflow: hidden; float: left; margin: 0 .2rem 0 0; }
.zt-list ul li .info { float: left; width: 75%; }
.zt-list ul li .info h2 {color: #333; font-weight: normal; font-size: .3rem; }
.zt-list ul li .info p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-size: .22rem; }
.zt-list ul li .info p span.mmore { font-size: .22rem; color: #666;margin-left: .1rem; }
.zt-list ul li .info h2.recommend-title{height: .7rem;}


.screen-only-head { top: .0rem; bottom: 0; }

.screen-gray { background: #f5f5f5; }

.xglogo { padding: .5rem 0 .4rem; }
.xglogo .xglogobox { position: relative; width: 1.8rem; height: 1.8rem; margin: 0 auto; }
.xglogo .xglogobox .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: .46rem; line-height: .46rem; text-align: center; color: #fff; font-size: .26rem; z-index: 2; background: rgba(0, 0, 0, 0.4); }
.xglogo .xglogobox .xg-opr { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; }
.xglogo p { text-align: center; color: #999; font-size: .26rem; margin-top: .25rem; }

.xg-item { margin: 0 .4rem .2rem; border: 1px solid #e5e5e5; border-radius: .06rem; background: #fff; padding: .2rem .3rem; font-size: .3rem; color: #666; position: relative; }
.xg-item em { color: #f9735e; margin: 0 .1rem 0 0; }
.xg-item .area textarea { padding: .2rem; font-size: .26rem; width: 90%; }

.chk + label { background-color: #fafbfa; border-radius: 50px; display: inline-block; position: relative; margin-right: 0; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: .87rem; height: .47rem; position: absolute; right: .3rem; top: 50%; margin-top: -.25rem; }

.chk + label:after { content: ' '; position: absolute; top: 0; -webkit-transition: box-shadow 0.1s ease-in; transition: box-shadow 0.1s ease-in; left: 0; width: 100%; height: 100%; border-radius: .28rem; box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0, 0, 0, 0.4); }

.chk + label:before { content: ' '; position: absolute; background: white; top: 1px; left: 1px; z-index: 999999; width: .43rem; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; height: .43rem; border-radius: 100%; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3); }

.chk:active + label:after { box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee; }

.chk:active + label:before { width: .47rem; }

.chk:checked:active + label:before { width: .47rem; left: .44rem; }

.chk + label:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }

.chk:checked + label:before { content: ' '; position: absolute; left: .44rem; border-radius: 100%; }

.chk:checked + label:after { content: ' '; font-size: 1.5em; position: absolute; background: #4cda60; box-shadow: 0 0 1px #4cda60; }

.screen-white { background: #fff; }

.chazhao { margin: 0 .2rem; padding: .3rem 0; }
.chazhao .searchbox { margin: 0 .2rem; }
.chazhao .searchbox .srhwrap { float: left; background: #f1f1f1; height: .64rem; line-height: .64rem; border-radius: .32rem; overflow: hidden; width: 5.9rem; }
.chazhao .searchbox .srhwrap .ico { display: inline-block; float: left; width: .34rem; height: .34rem; background: url(../images/ico_search.png) no-repeat; background-size: 100%; margin: .15rem .16rem 0 .25rem; }
.chazhao .searchbox .srhwrap .txt { height: .64rem; background: none; font-size: .26rem; color: #666666; width: 80%; }
.chazhao .searchbox a.btn-cz { float: right; font-size: .3rem; line-height: .64rem; }
.chazhao .tips { margin: 0 .4rem 0; color: #999; font-size: .26rem; padding-top: .1rem; }

.zt-list2 { margin: 0 .2rem; }
.zt-list2 ul li a { padding: .3rem 0; }
.zt-list2 ul li::after { left: 0; right: 0; }
.zt-list2 ul li .info { width: 3.6rem; }
.zt-list2 ul li button { width: 1.2rem; height: .42rem; border: 1px solid #f74c31; border-radius: .06rem; text-align: center; color: #f74c31; font-size: .30rem; background: none; position: absolute; right: 0; top: 50%; margin-top: -.21rem; cursor: pointer; }
.zt-list2 ul li button:hover { background: #f74c31; color: #fff; }

.tj-bg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 10; }

.zt-addbox { transition: all .3s; transform: translateY(100%); opacity: 0; height: 0; overflow: hidden; position: absolute; left: .2rem; right: .2rem; bottom: 0; z-index: 11; }
.zt-addbox.open { transform: translateY(0); opacity: 1; height: auto; }
.zt-addbox ul { border-radius: .06rem; background: #fff; margin-bottom: .2rem; }
.zt-addbox ul li { border-bottom: 1px solid #ddd; margin: 0 .2rem; }
.zt-addbox ul li a { display: block; font-size: .34rem; text-align: center; color: #666; padding: .2rem 0; }
.zt-addbox ul li a.quxiao { font-size: .36rem; color: #ccc; font-weight: bold; }
.zt-addbox ul li:last-child { border-bottom: none; }

.fix-fabu { position: fixed; left: 0; bottom: 0; width: 100%; height: .8rem; border-top: 1px solid #e5e5e5; background: #f1f1f1; z-index: 9; }
.fix-fabu a.takephoto { display: block; width: 1.1rem; height: 1.1rem; background: #584f60; border-radius: 100%; position: absolute; left: 50%; margin-left: -.55rem; top: -.42rem; text-align: center; }
.fix-fabu i.ico { display: block; width: .52rem; height: .41rem; background: url(../images/ico_xj.png) no-repeat; background-size: 100%; margin: .22rem auto 0; }
.fix-fabu span { color: #fff; display: block; font-size: .22rem; line-height: 1.8; }

.screen-ztdtl { padding-bottom: 1.2rem; }

.iptform { background: #fff; }
.iptform .item-ipt { padding: .2rem 0; min-height: .46rem; line-height: .46rem; margin-left: .3rem; position: relative; }
.iptform .item-ipt span.name { width: 1.9rem; display: inline-block; font-size: .28rem; vertical-align: middle; color: #666; }
.iptform .item-ipt::before { content: ''; display: block; position: absolute; left: 0; right: .3rem; bottom: 0; height: 1px; background: #e9e9e9; }
.iptform .item-ipt:last-child::before { display: none; }
.iptform .item-ipt .txt { height: .46rem; font-size: .28rem; }
.iptform .item-ipt.item-slt:after { content: ''; display: block; width: .11rem; height: .21rem; position: absolute; right: .3rem; top: 50%; margin-top: -.1rem; background: url(../images/me/ico_go.png) no-repeat; background-size: 100% auto; }
.iptform .item-ipt.item-slt .content-block { position: absolute; right: .75rem; top: .2rem; height: .46rem; text-align: right; }
.iptform .item-ipt.item-slt .content-block input { text-align: right; font-size: .28rem; height: .46rem; }
.iptform .item-ipt.item-slt .slt { position: absolute; right: .75rem; top: .2rem; height: .46rem; text-align: right; z-index: 0; font-size: .28rem; }
.iptform .item-ipt.item-slt select { position: absolute; right: .75rem; top: .2rem; height: .46rem; text-align: right; opacity: 0; z-index: 1; }
.iptform .item-ipt .area { width: 96%; height: 1.1rem; font-size: .28rem; }
.iptform .item-ipt .btn-huoqu { display: block; padding: 0 .25rem; height: .4rem; line-height: .4rem; background: #d2a247; color: #fff; font-size: .24rem; border-radius: .1rem; position: absolute; right: 0; top: 50%; margin-top: -.2rem; }
.iptform .item-ipt a.link-go { display: block; }
.iptform .item-ipt a.link-go span.nametx { line-height: .8rem; }
.iptform .item-ipt a.link-go span.xiugai { float: right; margin-right: .25rem; font-size: .28rem; color: #999; }
.iptform .item-ipt a.link-go span.wordxg { float: right; font-size: .28rem; color: #999; margin-right: .3rem; }
.iptform .item-ipt a.link-go span.wordxg b { display: inline-block; vertical-align: middle; width: 2.3rem; margin-right: .44rem; font-weight: normal; text-align: right; }
.iptform .item-ipt a.link-go span.wordxg span { text-decoration: underline; display: inline-block; vertical-align: middle; }
.iptform .item-ipt a.link-go span.shenfen { float: right; margin-right: .3rem; font-size: .24rem; color: #666; }
.iptform .item-ipt a.link-go i.ico-go { display: inline-block; margin-left: .1rem; width: .3rem; height: .3rem; background: url(../images/ico_go.png) no-repeat; background-size: 100%; vertical-align: middle; }
.iptform .item-ipt a.link-go em { display: inline-block; vertical-align: middle; width: .8rem; height: .8rem; border-radius: 100%; overflow: hidden; vertical-align: middle; }

.xybg { display: none; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 99; }

.xieyibox { display: none; position: absolute; top: 20%; bottom: 30%; left: 1.3rem; right: 1.3rem; background: #fff; border-radius: .1rem; z-index: 100; }
.xieyibox span.close-xy { display: block; width: .46rem; height: .46rem; background: url(../images/ico_close_xy.png) no-repeat; background-size: 100%; position: absolute; right: .2rem; top: .2rem; cursor: pointer; }
.xieyibox h2 { font-size: .28rem; font-weight: normal; text-align: center; padding: .2rem 0; }
.xieyibox .cont { position: absolute; left: .4rem; right: .4rem; top: .8rem; bottom: .6rem; overflow-y: auto; font-size: .24rem; color: #666; line-height: 2; }

.helpbox { background: #fff; }
.helpbox .tit { height: 1rem; border-bottom: 1px solid #e1e1e1; line-height: 1rem; }
.helpbox .tit li { float: left; text-align: center; width: 33.33%; }
.helpbox .tit li a { display: inline-block; margin: 0 .2rem; font-size: .3rem; color: #666; position: relative; line-height: .97rem; }
.helpbox .tit li.on a::after { content: ''; display: block; width: 100%; height: .03rem; background: #584f60; position: absolute; left: 0; border: 0; }
.helpbox .helpcont { margin: 0 .5rem 0 .28rem; }
.helpbox .helpcont dl dt { display: block; border-bottom: 1px solid #e1e1e1; padding: .26rem 0; position: relative; }
.helpbox .helpcont dl dt::after { content: ''; display: block; width: .24rem; height: .14rem; background: url(../images/icoarrow-up.png) no-repeat; background-size: 100%; position: absolute; right: .08rem; top: 50%; margin-top: -.07rem; transition: all .3s; transform: rotate(180deg); }
.helpbox .helpcont dl dt h2 { font-weight: normal; font-size: .3rem; color: #666; }
.helpbox .helpcont dl dd { display: none; padding: .2rem .25rem; border-bottom: 1px solid #e1e1e1; color: #999; font-size: .28rem; }
.helpbox .helpcont dl:last-child dd, .helpbox .helpcont dl:last-child dt { border-bottom: none; }
.helpbox .helpcont dl.active dt::after { transform: rotate(0); }
.helpbox .helpcont dl.active:last-child dt { border-bottom: 1px solid #e1e1e1; }

.xiangfabox { background: #fff; border-bottom: 1px solid #d9d9d9; }
.xiangfabox textarea { padding: .3rem; font-size: .32rem; height: 1.6rem; overflow-y: auto; width: 90%; }
.xiangfabox .scimg { padding-bottom: .1rem; margin: 0 .3rem; }
.xiangfabox .scimg li { float: left; width: 1.58rem; height: 1.58rem; margin: 0 .1rem .1rem; position: relative; }
.xiangfabox .scimg li span { display: block; overflow: hidden; width: 1.58rem; height: 1.58rem; }
.xiangfabox .scimg li em.close { width: .32rem; height: .32rem; display: block; position: absolute; right: -.16rem; top: -.16rem; background: url(../images/ico_regclose.png) no-repeat; background-size: 100%; }
.xiangfabox .scimg li.addimg { border: 1px solid #d8d8d9; width: 1.56rem; height: 1.56rem; background: url(../images/ico_adda.png) center center no-repeat; background-size: 50%; }
.xiangfabox .scimg li.addimg input[type='file'] { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.xiangfabox .slt-go li:first-child { border-top: 1px solid #d9d9d9; }

.slt-go li { border-top: 1px solid #d9d9d9; margin-left: .3rem; }
.slt-go li a { display: block; padding: .25rem 0; }
.slt-go li i.ico { display: inline-block; width: .4rem; height: .4rem; overflow: hidden; margin-right: .2rem; vertical-align: middle; }
.slt-go li span { display: inline-block; vertical-align: middle; font-size: .3rem; }
.slt-go li .r { float: right; margin-right: .3rem; }
.slt-go li .r em.go { display: inline-block; width: .26rem; height: .26rem; vertical-align: middle; background: url(../images/ico_goa.png) no-repeat; background-size: 100%; }
.slt-go li .r em.word { display: inline-block; vertical-align: middle; font-size: .28rem; color: #888; position: relative; top: -.02rem; }
.slt-go li:first-child { border-top: none; }

.sltbr { background: #fff; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: .4rem; }

.pyqbtns { margin: .4rem .3rem; }
.pyqbtns a { display: block; background: #584f60; border-radius: .1rem; color: #fff; font-size: .32rem; height: .88rem; line-height: .88rem; text-align: center; }
.pyqbtns a:hover { background: #4c4255; }

.header-gz a span.quxiao { font-size: .34rem; }

@media only screen and (min-width: 750px) { .hm-header, .screen-ztdtl { margin: 0 auto; width: 750px; }
  .screen-ztdtl { -webkit-overflow-scrolling: touch; }
  .foot-menu, .fix-fabu { left: 50%; width: 750px; margin-left: -375px; } }
.bg-login { background: #584f60 url(../images/bg-login.jpg) center 0 no-repeat; background-size: 100% auto; }

.log-header { padding-top: .6rem; }
.log-header h2 { font-size: .36rem; color: #fff; text-align: center; font-weight: normal; }

.log-logo { text-align: center; padding-top: 4.6rem; width: 2.63rem; margin: 0 auto; }

.log-shouquan { padding-top: 1.2rem; text-align: center; }
.log-shouquan p { color: #fff; font-size: .24rem; }
.log-shouquan a.btn-weixin { display: block; margin: .2rem .5rem; border: 1px solid #fff; height: .84rem; line-height: .84rem; color: #fff; font-size: .36rem; }
.log-shouquan a.btn-weixin i.ico { display: inline-block; width: .44rem; margin-right: .1rem; vertical-align: middle; }
.log-shouquan a.btn-phone { display: block; margin-top: .3rem; font-size: .3rem; text-align: center; color: #fff; }
.log-shouquan a.btn-phone em.tri { display: inline-block; margin-left: .18rem; width: .16rem; height: .23rem; background: url(../images/ico-tri.png) no-repeat; background-size: 100%; }

@media only screen and (min-width: 750px) { .log-outwrap { margin: 0 auto; width: 750px; } }
.header-register { background: #584f60; }
.header-register a.btn-back i.ico { background-image: url(../images/ico-back3.png); display: inline-block; vertical-align: middle; margin-right: .1rem; }
.header-register a.btn-back span { color: #fff; font-size: .34rem; vertical-align: middle; }
.header-register h2.title { color: #fff; }

.reg-form ul { padding: .37rem .35rem; }
.reg-form ul li { margin: 0 0 .27rem; }
.reg-form ul li .ipt { background: #f5f5f5; height: .88rem; line-height: .88rem; }
.reg-form ul li .ipt2 { float: left; display: inline-block; width: 4.4rem; background: #f5f5f5; height: .88rem; line-height: .88rem; }
.reg-form ul li label { font-size: .3rem; color: #666666; display: inline-block; width: 1.15rem; text-align: right; margin-right: .3rem; }
.reg-form ul li .txt { font-size: .26rem; background: none; width: 5.3rem; }
.reg-form ul li .txt2 { font-size: .26rem; background: none; width: 2.8rem; }
.reg-form ul li .yzm { float: right; height: .88rem; width: 2.2rem; background: #e5e5e5; text-align: center; line-height: .88rem; color: #666; font-size: .26rem; }
.reg-form ul li .check { color: #666666; font-size: .24rem; }
.reg-form ul li .check em { display: inline-block; width: .24rem; height: .24rem; background: url(../images/ico-check.png) no-repeat; background-size: 100%; margin-right: .15rem; position: relative; top: .07rem; }
.reg-form ul li .check span { display: inline-block; vertical-align: middle; }
.reg-form ul li .check.checkon em { background-image: url(../images/ico-check-on.png); }

.reg-btns { margin: 0 .35rem; }
.reg-btns .btn-zhuce { background: #584f60; color: #fff; font-size: .34rem; border: none; width: 100%; height: .88rem; }
.reg-btns .btn-zhuce:hover { background: #484050; }

.screen-none{
		display: none;
		text-align: center;
  	padding: 2rem 0;
  	background-color: #fff;
}
.screen-none-pic{
		width: 2.6rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 0.7rem;
}
.screen-none-font{
	 	font-size: .3rem;
    color: #666666;
    line-height: 1.5;
}
